博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小程序---图片加载出错时,显示默认图片
阅读量:5326 次
发布时间:2019-06-14

本文共 432 字,大约阅读时间需要 1 分钟。

      在读取类似新闻列表等功能时,一般都会有图片,有时会因为数据问题,图片会加载不出来,此时,为了更好的用户体验,

我们应当在图片数据出错时,用默认的图片代替它。

    html5有对应的img事件:onerror

    下面是小程序里的一个demo,事件是binderror:

//图片加载出错,替换为默认图片  imageError: function (e) {    var _errImg = e.target.dataset.img    var _errObj = {}    _errObj[_errImg] = "/images/pic_liebiaomoren@2x.png"    this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉    }

 

转载于:https://www.cnblogs.com/lichunyan/p/8920402.html

你可能感兴趣的文章
AndroidArchitecture
查看>>
安装Endnote X6,但Word插件显示的总是Endnote Web"解决办法
查看>>
python全栈 计算机硬件管理 —— 硬件
查看>>
大数据学习
查看>>
简单工厂模式
查看>>
Delphi7编译的程序自动中Win32.Induc.a病毒的解决办法
查看>>
Objective-C 【关于导入类(@class 和 #import的区别)】
查看>>
倍福TwinCAT(贝福Beckhoff)常见问题(FAQ)-点击运行按钮进入到运行状态报错Error starting TwinCAT System怎么办 AdsWarning1823怎么办...
查看>>
【转】javascript 中的很多有用的东西
查看>>
Android 监听返回键、HOME键
查看>>
Android ContentProvider的实现
查看>>
sqlserver 各种判断是否存在(表名、函数、存储过程等)
查看>>
给C#学习者的建议 - CLR Via C# 读后感
查看>>
Recover Binary Search Tree
查看>>
Java 实践:生产者与消费者
查看>>
[转]IOCP--Socket IO模型终结篇
查看>>
各种正则验证
查看>>
观察者模式(Observer)
查看>>
python中numpy.r_和numpy.c_
查看>>
egret3D与2D混合开发,画布尺寸不一致的问题
查看>>